body {
            width: 100%;
            overflow-x: hidden;
            min-width: 320px;
        }
        
        * {
            margin: 0;
            padding: 0;
            font-family: "Microsoft Yahei";
        }
        
        html body {
            width: 100%;
            font-size: 14px;
            font-family: "Microsoft Yahei";
        }
        
        img {
            border: none;
            vertical-align: middle;
            height: auto;
        }
        
        ul,
        li {
            list-style: none;
        }
        
        a {
            outline: none;
            text-decoration: none;
            color: #383838;
        }
        
        a:hover {
            outline: none;
            text-decoration: none;
            color: #e70012;
        }
        
        .clear {
            clear: both
        }
        
        .l {
            float: left;
        }
        
        .r {
            float: right;
        }
        
        em,
        i {
            font-style: normal;
        }
        
        hr {
            border: none;
            clear: both;
            height: 0;
            background: none;
            margin: 0;
            padding: 0;
            border-bottom: #eee solid 1px;
            margin: 10px 0;
        }
        
        html>body>table>tr [id="total"]>td>ul>li {
            color: #383838;
        }
        
        body {
            color: #383838;
            font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', SimSun, 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
            font-size: 12px;
        }
        /*espcms_public*/
        
        body,
        div,
        dl,
        dt,
        dd,
        ul,
        ol,
        li,
        pre,
        code,
        form,
        input,
        textarea,
        /*p,*/
        
        blockquote,
        th,
        td {
            margin: 0;
            padding: 0;
        }
        
        blockquote {
            border-left: 5px solid #EEEEEE;
            margin: 10px;
            padding: 10px;
        }
        
        .tleft {
            text-align: left;
        }
        
        .tcenter {
            text-align: center;
        }
        
        .tright {
            text-align: right;
        }
        
        .red {
            color: #d00000
        }
        /*首字母*/
        
        .firstletter:first-letter {
            font-size: 200%;
        }
        /* 解决固定层在IE6下闪的问题 */
        
        *html {
            background-image: url(about:blank);
            background-attachment: fixed;
        }
        /* 解决ie下连接加粗的鼠标样式问题*/
        
        a strong {
            cursor: pointer;
        }
        /*FCK 兼容解决方案*/
        
        strike {
            text-decoration: line-through !important;
        }
        
        strong {}
        
        u {
            text-decoration: underline !important;
        }
        /*超出省略号显示*/
        
        .ellipsis {
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            width: 80px;
            overflow: hidden;
        }
        /*块状元素水平居中*/
        
        .auto {
            margin-left: auto;
            margin-right: auto;
        }
        /*清除浮动*/
        
        .fix {
            *zoom: 1;
        }
        
        .fix:after {
            display: block;
            content: "clear";
            height: 0;
            clear: both;
            overflow: hidden;
            visibility: hidden;
        }
        /*基于display:table-cell的自适应布局*/
        
        .cell {
            display: table-cell;
            *display: inline-block;
            width: 2000px;
            *width: auto;
        }
        /*双栏自适应cell部分连续英文字符换行*/
        
        .cell_bk {
            display: table;
            width: 100%;
            table-layout: fixed;
            word-wrap: break-word;
        }
        /*单行文字溢出虚点显示*/
        
        .ell {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        
        .ti2 {
            text-indent: 2em;
        }
        /*==================菜单===============*/
        
        @media only screen and (max-width: 1000px) {
            .header-box {
                width: 100%;
                position: fixed;
                left: 0;
                top: 0;
                z-index: 9999;
                height: 56px;
            }
            .nav-box {
                padding: 0 3% 0 0%;
                display: flex;
                justify-content: space-between;
            }
            .nav-box .logo {
                display: block;
                height: auto;
            }
            .nav-box .logo img {
                height: 56px;
            }
        }
        
        @media only screen and (min-width: 1001px) {
            .header-box {
                display: none;
            }
        }
        /* =================== 手机端头部 ===================== */
        
        @media only screen and (max-width: 1200px) {
            /*头部*/
            .phone_head {
                width: 100%;
                z-index: 9999;
                display: block;
                position: flex;
                background-color: #1f2837;
            }
            .phone_head ul {
                width: 100%;
                margin: 0 auto;
            }
            .phone_head .menu,
            .fenlei_list {
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
            }
            .fenlei_list,
            .phone_head .menu {
                width: 90%;
                margin: 0 auto;
            }
            .phone_head .top {
                width: 100%;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                position: fixed;
                z-index: 9999999;
            }
            .phone_head .top .logo {
                width: 50%;
            }
            .phone_head .top .logo img {
                max-width: 100%
            }
            .phone_head .top .tel {
                width: 45%;
                color: #fff;
                text-align: right;
                color: #e7ae7f;
                font-size: 18px;
                font-weight: bold;
                line-height: 46px;
            }
            .phone_head .menu {
                margin-top: 20px;
            }
            .phone_head .menu li a {
                color: #fff;
                font-size: 15px
            }
            .phone_head .banner {
                width: 100%;
                margin-top: 20px;
            }
            .phone_head .banner img {
                max-width: 100%
            }
            .phone_head .fenlei_list li {
                margin: 2%;
            }
            .phone_head .fenlei_list li img {
                max-width: 100%
            }
            /*手机端栏目*/
            .phone_lm {
                width: 90%;
                margin: 0 auto;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
            }
            .phone_lm .bt {
                font-size: 24px;
                background: url(../images/index-tag.png) left no-repeat;
                height: 40px;
                line-height: 40px;
                padding-left: 40px;
                font-weight: bold;
            }
            .phone_lm .more {
                padding-top: 10px;
                text-align: right;
            }
            /*手机端客户案例phone_anli*/
            .phone_anli {
                width: 90%;
                margin: 0 auto;
            }
            .phone_anli li {
                width: 94%;
                margin: 1% 0;
                background-color: #30384b;
                border-radius: 40px 0 40px 0;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                padding: 3%;
            }
            .phone_anli li .left {
                width: 40%
            }
            .phone_anli li .left img {
                max-width: 100%;
                border-radius: 40px;
            }
            .phone_anli li .right {
                width: 50%
            }
            .phone_anli li .right h2 {
                color: #fff
            }
            .phone_anli .right p {
                color: #fff;
                font-size: 14px;
                line-height: 25px;
                margin: 5px 0;
            }
        }
        
        @media only screen and (min-width: 1201px) {
            .phone_head {
                display: none;
            }
        }
        /*手机端产品展示*/
        
        @media only screen and (max-width: 1999px) {
            .chanpin_con {
                padding: 0px 0 30px 0;
                width: 92%;
                margin: 0 auto;
                overflow: hidden;
            }
            .chanpin_con li {
                float: left;
                width: 48.5%;
                height: auto;
                padding-bottom: 0.5%;
                margin: 0 0.5% 1% 0.5%;
                position: relative;
                overflow: hidden;
                background: #f5f5f5;
                padding: 0 0 15px 0;
            }
            .chanpin_con p {
                color: #333;
                font-size: 16px;
                font-weight: normal;
                line-height: 50px;
                border: 1px solid #de5217;
                width: 80%;
                margin: 10px auto;
                text-align: center;
                border-radius: 50px 0 30px 50px;
            }
            .chanpin_con .old img {
                width: 100%;
                transition: 0.4s ease;
                -moz-transition: 0.4s ease;
                -webkit-transition: 0.4s ease;
            }
            .chanpin_con li:hover .old img {
                transform: scale(1.1, 1.1);
                -moz-transform: scale(1.1, 1.1);
                -webkit-transform: scale(1.1, 1.1);
            }
            .chanpin_con .cp_xq {
                width: 290px;
                position: absolute;
                left: 50%;
                margin-left: -145px;
                height: 260px;
                line-height: 30px;
                color: #d00000;
                font-size: 15px;
                background: rgba(247, 0, 0, 0.8);
                top: 50px;
                opacity: 0;
            }
            .chanpin_con .cp_xq h3 {
                font-size: 28px;
                text-align: center;
                color: #d00000;
                padding: 30px 0 25px 0
            }
            .chanpin_con .cp_xq p {
                margin: 0px 20px;
                padding: 20px 15px;
                border: 1px solid rgba(255, 255, 255, 0.3);
                color: #d00000
            }
            .chanpin_con .cp_xq div {
                padding: 15px 0 0 0;
                text-align: center
            }
            .chanpin_con li:hover .cp_xq {
                opacity: 1;
                animation: categorytextanimate5 1s;
                -moz-animation: categorytextanimate5 1s;
                -webkit-animation: categorytextanimate5 1s;
                -o-animation: categorytextanimate5 1s;
            }
            @keyframes categorytextanimate5 {
                from {
                    transform: rotateY(0deg);
                }
                to {
                    transform: rotateY(360deg);
                }
            }
            @-moz-keyframes categorytextanimate5 {
                from {
                    transform: rotateY(0deg);
                }
                to {
                    transform: rotateY(360deg);
                }
            }
            @-webkit-keyframes categorytextanimate5 {
                from {
                    transform: rotateY(0deg);
                }
                to {
                    transform: rotateY(360deg);
                }
            }
            @-o-keyframes categorytextanimate5 {
                from {
                    transform: rotateY(0deg);
                }
                to {
                    transform: rotateY(360deg);
                }
            }
            .chanpin_con .old {
                width: 90%;
                margin: 10px auto 0 auto;
                position: relative;
                overflow: hidden;
            }
            .chanpin_con p a {
                color: #333;
                display: block;
                text-align: center;
                font-size: 14px;
                line-height: 40px;
                font-weight: bold
            }
            .chanpin_con p {
                display: block;
                text-align: center;
                width: 90%;
                margin: 0 auto;
                text-align: left;
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .phone_lm,
            .phone_chanpin,
            .phone_anli {
                display: none
            }
        }
        /*电脑端产品分类滚动*/
        
        .pccp_list {
            width: 90%;
            z-index: 10;
            top: 40%;
            margin: 0 auto 50px;
            overflow: hidden;
        }
        
        .pccp_list li img {
            max-width: 100%;
            border-radius: 50% 0 50% 0;
            border: 5px #ccc solid;
            margin: 0 auto;
        }
        
        .pccp_list li:hover img {
            border: 5px #d00000 solid;
        }
        
        .pccp_list li:hover p {
            background-color: #d00000;
        }
        
        .pccp_list li p {
            background-color: #1d2937;
            color: #fff;
            margin-top: 15px;
            line-height: 50px;
            border-radius: 30px 0 30px;
            width: 90%;
            font-size: 16px;
        }
        
        @media only screen and (min-width: 751px) {
            .pccp_list li {
                width: 24%;
                text-align: center;
                margin: 0.5%;
                float: left
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .pccp_list li {
                width: 12%;
                text-align: center;
                margin: 1%;
                float: left
            }
        }
        /* =================== header ===================== */
        
        @media only screen and (max-width: 1000px) {
            .header {
                width: 100%;
            }
            .header .logo {
                width: 50%;
                text-align: left;
            }
            .header .nav {
                display: none;
            }
            .header .nav li a {
                font-size: 18px;
            }
            .home-header {
                display: none;
            }
        }
        
        @media only screen and (min-width: 1001px) {
            .home-header {
                background: none;
                border-radius: 0;
                box-shadow: none;
                display: block;
            }
            .header {
                height: 100px;
                border-radius: 0 0 50px 50px;
                position: absolute;
                top: 0;
                text-align: center;
                box-shadow: 0 0 30px rgba(0, 0, 0, 0.54);
                z-index: 9999;
                display: flex;
                justify-content: space-between;
            }
            .header .tel {
                padding: 21px 0 21px 2%;
            }
            .home-header .tel {
                width: 16.5%;
                padding: 50px 0 31px 37px;
                font-size: 20px;
            }
            .home-header .tel strong {
                font-size: 24px;
            }
            .header .logo img {
                max-width: 100%
            }
            .header {
                width: 100%;
            }
            .header .logo {
                width: 18%;
                height: 100%;
                text-align: left;
                line-height: 90px;
            }
            .header .nav {
                display: block;
            }
            .header .nav {
                width: 60%;
                height: 100%;
                float: left;
                overflow: hidden;
                padding: 0 2.5%;
                position: relative;
                display: flex;
                justify-content: space-between;
            }
            .header .nav:before,
            .header .nav:after {
                content: "";
                width: 1px;
                background: #ffffff;
                display: block;
                position: absolute;
                top: 24px;
                bottom: 24px;
                left: 0;
            }
            .header .nav:after {
                left: auto;
                right: 0;
            }
            .header .nav li {
                height: 100%;
            }
            .header .nav li:nth-child(1) {
                display: none;
            }
            .header .nav li a {
                height: 100%;
                color: #ffc5ad;
                display: block;
                padding: 20px 0;
                transition: all ease 0.3s;
            }
            .header .nav li a {
                font-size: 16px;
            }
            .home-header .tel {
                background-size: 25px;
                padding: 0px 0 44px 37px;
                font-size: 24px;
                margin-top: 18px;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .header .nav {
                width: 60%;
                height: 100%;
            }
            .header .nav li a {
                font-size: 18px;
                padding: 30px 0;
            }
            .home-header .tel {
                background-size: 25px;
                padding: 0px 0 44px 37px;
                font-size: 24px;
                margin-top: 25px;
            }
            .header .nav li:nth-child(1) {
                display: block;
            }
        }
        
        @media only screen and (min-width: 1600px) {
            .header .nav {
                width: 70%;
                height: 100%;
            }
            .header .nav li a {
                font-size: 20px;
                padding: 35px 0;
            }
            .home-header .tel {
                background-size: 30px;
                padding: 0px 0 44px 37px;
                font-size: 28px;
                margin-top: 30px;
            }
        }
        
        .header .nav li a:after {
            content: "";
            width: 6px;
            height: 6px;
            background: #fa5610;
            border-radius: 50%;
            display: block;
            margin: 10px auto;
            opacity: 0;
            transition: all ease 0.3s;
        }
        
        .header .nav li:hover a,
        .header .nav .hover a {
            font-size: 24px;
            font-weight: bold;
            color: #fa5610;
            padding: 30px 0;
        }
        
        .header .nav li:hover a:after,
        .header .nav .hover a:after {
            opacity: 1;
        }
        
        .home-header {
            background: none;
            border-radius: 0;
            box-shadow: none;
        }
        
        .home-header .logo {
            padding: 0;
        }
        
        .home-header .nav:before,
        .home-header .nav:after {
            display: none;
        }
        
        .home-header .nav li a {
            color: #fff;
        }
        
        .home-header .tel {
            width: 15.5%;
            background: url("../images/home-tel.png") left top no-repeat;
            color: #fa5610;
            font-weight: bold;
            font-weight: bold;
            text-align: left;
            position: relative;
            cursor: pointer;
            top: 0；
        }
        /* =================== banner ===================== */
        
        .banner {
            width: 100%;
            overflow: hidden;
            position: relative;
            box-shadow: -240px 400px 80px -360px rgba(182, 173, 170, 0.4);
        }
        
        .banner img {
            max-width: 100%
        }
        
        .banner video {
            width: 100%;
            margin-top: -24px;
        }
        
        .banner .title {
            color: #ffffff;
            text-align: center;
            position: absolute;
            left: 0;
            right: 0;
            top: 30%;
        }
        
        .banner .title dd {
            font-weight: lighter;
        }
        
        .banner .title dt {
            font-weight: bold;
        }
        
        @media only screen and (max-width: 750px) {
            .phone_banner {
                width: 100%;
                margin: 0 auto;
                display: block;
            }
            .phone_banner img {
                max-width: 100%
            }
            .banner video {
                display: none;
            }
            .banner .title dd {
                font-size: 24px;
                line-height: 30px;
            }
            .banner .title dt {
                font-size: 24px;
                margin-top: 18px;
            }
            .banner .text,
            .banner .gsnl {
                display: none;
            }
        }
        
        @media only screen and (min-width: 751px) {
            .phone_banner {
                width: 100%;
                display: block;
                margin: 0 auto;
            }
            .phone_banner img {
                max-width: 100%
            }
            .banner video {
                display: none;
            }
            .banner .title dd {
                font-size: 32px;
                line-height: 30px;
            }
            .banner .title dt {
                font-size: 32px;
                margin-top: 18px;
            }
            .banner .text,
            .banner .gsnl {
                display: none;
            }
        }
        
        @media only screen and (min-width: 1001px) {
            .phone_banner {
                display: none;
            }
            .banner video {
                width: 100%;
                display: block;
                margin-top: -24px;
            }
            .banner .title dd {
                font-size: 40px;
                line-height: 40px;
            }
            .banner .title dt {
                font-size: 40px;
                margin-top: 28px;
            }
            .banner .text,
            .banner .gsnl {
                display: none;
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .banner .title dd {
                font-size: 52px;
                line-height: 40px;
            }
            .banner .title dt {
                font-size: 52px;
                margin-top: 28px;
            }
            .banner .text {
                width: 26.275%;
                font-size: 16px;
                color: #ffffff;
                line-height: 38px;
                position: absolute;
                right: 22.6%;
                bottom: 49.5%;
            }
            .same-effect:before,
            .same-effect i:before,
            .same-effect i:after {
                content: "";
                border: 1px solid rgba(250, 88, 17, 0.3);
                border-radius: 50%;
                position: absolute;
                left: -20px;
                right: -20px;
                top: -20px;
                bottom: -20px;
                opacity: 0.5;
                -webkit-animation: quan 4s infinite linear;
                animation: quan 4s infinite linear;
            }
            .banner .gsnl {
                position: absolute;
                left: 10%;
                bottom: 17%;
                display: block;
            }
            .banner .gsnl p {
                font-size: 16px;
                color: #fff;
                background: url("../images/a.png") left no-repeat;
                line-height: 45px;
                padding-left: 50px;
                margin-top: 16px;
            }
            .banner .gsnl p span {
                font-size: 22px;
                color: #fa5811;
                font-weight: bold;
                margin-right: 10px;
            }
            .banner .gsnl .two {
                margin-left: 50px;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .banner .title dd {
                font-size: 66px;
                line-height: 50px;
                font-weight: lighter;
            }
            .banner .title dt {
                font-size: 66px;
                margin-top: 48px;
                font-weight: bold;
            }
        }
        /*====================首页热销产品===========*/
        
        .sy_lm {
            width: 90%;
            margin: 0 0 30px;
            margin: 0 auto;
        }
        
        .sy_lm .tits2 {
            font-size: 45px;
        }
        
        .sy_lm .tits {
            font-size: 40px;
            color: #333333;
            font-weight: bold;
        }
        
        .sy_lm .tits span {
            color: #fd5e20;
            margin-right: 10px;
        }
        
        .sy_lm .tits2:before {
            content: "";
            width: 50px;
            height: 1px;
            background: #535a63;
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
        }
        
        .sy_lm .textp {
            font-size: 16px;
            color: #999999;
            line-height: 30px;
            margin-bottom: 20px;
        }
        
        .home1 .w {
            width: 90%;
            margin-left: 5%;
            position: relative;
            overflow: hidden;
        }
        
        .home1 .text2 {
            width: 100%;
        }
        
        .home1 dl {
            background-color: #ffb38c;
            background-image: linear-gradient(#ffffff, #ffb38c);
            border-radius: 10px;
            overflow: hidden;
            position: absolute;
            z-index: 1;
            transition: all linear 0.5s;
        }
        
        .home1 dl:before {
            content: "";
            background-color: #efefef;
            background-image: linear-gradient(to bottom right, #efefef, #ffffff);
            border-radius: 10px;
            position: absolute;
            left: 1px;
            right: 1px;
            top: 1px;
            bottom: 1px;
            z-index: -1;
            transition: all linear 0.5s;
        }
        
        .home1 dl dd {
            text-align: center;
            overflow: hidden;
        }
        
        .home1 dl dd img {
            max-width: 100%
        }
        
        .home1 dl dt h3 a {
            color: #333333;
            font-weight: bold;
            display: block;
            transition: all linear 0.5s;
            text-align: center;
        }
        
        .home1 dl:hover {
            background-image: linear-gradient(#ffb38c, #ffb38c);
            transform: translateY(-10px);
            box-shadow: 0 0 20px rgba(204, 204, 204, 0.5);
        }
        
        @media only screen and (max-width: 1200px) {
            .sy_lm .tits img {
                display: none;
            }
        }
        
        @media only screen and (min-width: 1201px) {
            .sy_lm .tits img {
                display: block;
            }
            .home1 .w {
                height: 560px;
            }
            .home1 dl dt h3 a {
                font-size: 20px;
                line-height: 40px;
                margin-bottom: 15px;
            }
            .home1 .one {
                width: 43%;
                left: 0;
            }
            .home1 .one dt {
                padding: 8px 67px 0;
            }
            .home1 .two {
                width: 29.0666%;
                top: 0px;
                right: 26.2%;
            }
            .home1 .two dt {
                padding: 8px 38px 0;
            }
            .home1 .three {
                width: 24.7333%;
                right: 0;
                top: 0px;
            }
            .home1 .three dt {
                padding: 0px 38px 0;
            }
            .home1 .four {
                width: 21%;
                bottom: 70px;
                right: 34%;
            }
            .home1 .four dd {
                padding: 0;
            }
            .home1 .five {
                width: 32%;
                bottom: 70px;
                right: 0%;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .home1 .w {
                height: 600px;
            }
            .home1 dl dt h3 a {
                font-size: 20px;
                line-height: 40px;
                margin-bottom: 15px;
            }
            .home1 .one {
                width: 43%;
                left: 0;
            }
            .home1 .one dt {
                padding: 8px 67px 0;
            }
            .home1 .two {
                width: 29.0666%;
                top: 0px;
                right: 26.2%;
            }
            .home1 .two dt {
                padding: 8px 38px 0;
            }
            .home1 .three {
                width: 24.7333%;
                right: 0;
                top: 0px;
            }
            .home1 .three dt {
                padding: 0px 38px 0;
            }
            .home1 .four {
                width: 21%;
                bottom: 70px;
                right: 34%;
            }
            .home1 .four dd {
                padding: 0;
            }
            .home1 .five {
                width: 32%;
                bottom: 70px;
                right: 0%;
            }
        }
        
        @media only screen and (min-width: 1600px) {
            .home1 .w {
                height: 650px;
            }
            .home1 dl dt h3 a {
                font-size: 20px;
                line-height: 55px;
                margin-bottom: 15px;
            }
            .home1 .one {
                width: 43%;
                left: 0;
            }
            .home1 .one dt {
                padding: 8px 67px 0;
            }
            .home1 .two {
                width: 29.0666%;
                top: 0px;
                right: 26.2%;
            }
            .home1 .two dt {
                padding: 8px 38px 0;
            }
            .home1 .three {
                width: 24.7333%;
                right: 0;
                top: 0px;
            }
            .home1 .three dt {
                padding: 0px 38px 0;
            }
            .home1 .four {
                width: 21%;
                bottom: 20px;
                right: 34%;
            }
            .home1 .four dd {
                padding: 0;
            }
            .home1 .five {
                width: 32%;
                bottom: 20px;
                right: 0%;
            }
        }
        
        @media only screen and (min-width: 1800px) {
            .home1 .w {
                height: 720px;
            }
            .home1 dl dt h3 a {
                font-size: 24px;
                line-height: 55px;
                margin-bottom: 15px;
            }
            .home1 .one {
                width: 43%;
                left: 0;
            }
            .home1 .one dt {
                padding: 8px 67px 0;
            }
            .home1 .two {
                width: 29.0666%;
                top: 0px;
                right: 26.2%;
            }
            .home1 .two dt {
                padding: 8px 38px 0;
            }
            .home1 .three {
                width: 24.7333%;
                right: 0;
                top: 0px;
            }
            .home1 .three dt {
                padding: 0px 38px 0;
            }
            .home1 .four {
                width: 21%;
                bottom: 30px;
                right: 34%;
            }
            .home1 .four dd {
                padding: 0;
            }
            .home1 .five {
                width: 32%;
                bottom: 30px;
                right: 0%;
            }
        }
        /* =================== 内页导航nyheader ===================== */
        
        @media only screen and (max-width:1000px) {
            .pc_nytop {
                display: none;
            }
            .phone_nytop,
            .sp_header {
                display: block;
            }
        }
        
        @media only screen and (min-width: 1001px) {
            .phone_nytop {
                display: none;
            }
            .pc_nytop {
                display: block;
            }
            .pc_nytop {
                width: 90%;
                height: 100px;
                background-color: #de5217;
                background-image: linear-gradient(#de5217, #fb7830);
                border-radius: 0 0 50px 50px;
                position: absolute;
                left: 5%;
                top: 0;
                text-align: center;
                box-shadow: 0 0 30px rgba(0, 0, 0, 0.54);
                z-index: 9999;
                display: flex;
                flex-flow: row nowrap;
                padding: 1% 1% 0 1%;
                justify-content: space-between;
            }
            .pc_nytop .logo {
                width: 20%;
                text-align: center;
                height: 100%;
                margin-left: 2%;
            }
            .pc_nytop .logo img {
                max-width: 100%;
            }
            .pc_nytop .menu {
                width: 75%;
                height: 100%;
                overflow: hidden;
                position: relative;
            }
            .pc_nytop .menu li {
                display: inline-block;
                vertical-align: middle;
                padding: 0 1.5%;
                transition: all ease 0.3s;
            }
            .pc_nytop .menu li:hover {
                transition: all ease 0.3s;
                font-weight: bold;
            }
            .pc_nytop .menu li a:hover,
            .nav2 li.on a {
                color: #ffff;
                background: url("../images/nav-line.png") bottom center no-repeat;
            }
            .pc_nytop .menu li a {
                font-size: 18px;
                color: #ffffff;
                line-height: 70px;
            }
            .pc_nytop .menu li:first-child {
                display: none;
            }
            .pc_nytop .tel {
                display: none;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .phone_nytop {
                display: none;
            }
            .pc_nytop .menu {
                width: 65%;
                padding-top: 28px;
            }
            .pc_nytop .menu li {
                display: inline-block;
                vertical-align: middle;
                padding: 0 1.6%;
                transition: all ease 0.3s;
            }
            .pc_nytop .menu li a {
                font-size: 16px;
                color: #ffffff;
                line-height: 34px;
            }
            .pc_nytop .menu li:first-child {
                display: inline;
            }
            .pc_nytop .tel {
                display: block;
                width: 16%;
                font-size: 24px;
                line-height: 50px;
                background: url(../images/head-tel2.png) no-repeat left 15px;
                margin-top: 10px;
                padding-left: 36x;
                color: #ffffff;
                font-weight: bold;
                font-family: Arial, Helvetica, sans-serif;
            }
        }
        
        @media only screen and (min-width: 1600px) {
            .pc_nytop .logo {
                width: 18%;
                height: 100%;
            }
            .pc_nytop .logo img {
                max-width: 100%
            }
            .phone_nytop {
                display: none;
            }
            .pc_nytop .menu {
                width: 70%;
                padding-top: 20px;
            }
            .pc_nytop .menu li {
                display: inline-block;
                vertical-align: middle;
                padding: 0 2%;
                transition: all ease 0.3s;
            }
            .pc_nytop .menu li a {
                font-size: 18px;
                color: #ffffff;
                line-height: 46px;
            }
            .pc_nytop .menu li:first-child {
                display: inline;
            }
            .pc_nytop .tel {
                display: block;
                width: 12%;
                font-size: 24px;
                line-height: 50px;
                background: url(../images/head-tel2.png) no-repeat left 15px;
                margin-top: 10px;
                padding-left: 20px;
                color: #ffffff;
                font-weight: bold;
                font-family: Arial, Helvetica, sans-serif;
            }
        }
        /*==========内页产品详情=======*/
        
        .cppage1 {
            width: 90%;
            margin: 0 auto;
            position: relative;
            display: flex;
            justify-content: space-between;
        }
        
        .clearfix {
            zoom: 1;
        }
        
        .cppage1 .fr dl {
            margin: 30px 0 0;
        }
        
        .cppage1 .fr dd h1 {
            font-size: 33px
        }
        
        .cppage1 .fr dd .cs {
            margin: 15px 0
        }
        
        .cppage1 .fr dd .cs p {
            font-size: 16px;
            line-height: 32px
        }
        
        .cppage1 .fr dd .cs p:before {
            top: 18px
        }
        
        .cppage1 .fr dd .tel {
            font-size: 17px;
            background: url("../images/home-tel.png") left no-repeat;
            line-height: 55px;
        }
        
        .cppage1 .fr dd .tel:before {
            top: 9px
        }
        
        .cppage1 .fr dd .tel strong {
            font-size: 22px
        }
        
        .cppage1 .fr dd .btn {
            width: 225px;
            height: 291px;
            padding: 161px 0 0;
            font-size: 18px
        }
        
        .cppage1 .fr dd h1 {
            font-size: 25px
        }
        
        .cppage1 .fr dd .cs p {
            font-size: 15px;
            line-height: 26px
        }
        
        .cppage1 .fr dd .cs p:before {
            top: 17px
        }
        
        .cppage1 .fr dd .tel {
            font-size: 14px
        }
        
        .cppage1 .fr dd .tel:before {
            top: 4px
        }
        
        .cppage1 .fr dd .tel strong {
            font-size: 16px
        }
        
        .cppage1 .fr dd .btn {
            width: 190px;
            height: 267px;
            padding: 136px 0 0;
            font-size: 16px
        }
        
        .cppage1 .fr dt p {
            font-size: 14px;
            margin: 20px 0 35px
        }
        
        .alpage1 .fl dl {
            margin: 40px 0 0;
        }
        
        .alpage1 .fl dd .cs {
            margin: 20px 0;
        }
        
        .alpage1 .fl dd .cs p {
            font-size: 14px;
            margin: 5px 0;
        }
        
        .alpage1 .fl dd .tel {
            font-size: 15px;
        }
        
        .alpage1 .fl dd .tel strong {
            font-size: 18px;
        }
        
        .alpage1 .fl dt .tit {
            font-size: 17px;
            line-height: 45px;
        }
        
        .cppage1 .fl {
            background: #fff;
            padding: 6px;
            box-shadow: 0 10px 16px rgba(0, 0, 0, .3);
            position: relative;
            z-index: 1
        }
        
        .cppage1 .fl img {
            width: 100%;
        }
        
        @media only screen and (max-width:750px) {
            .cppage1 .fl {
                display: none;
            }
            .cppage1 .fr {
                width: 100%;
                margin-left: -3.6%
            }
            .cppage1 .fr dd {
                width: 100%;
                background: url("../images/cppage-bg.jpg") repeat;
                padding: 60px 11% 70px;
                border-radius: 0 120px 120px 0;
                position: relative
            }
            .cppage1 .fr dd .cs p {
                width: 82%;
                font-size: 16px;
                color: #fff;
                font-weight: 700;
                position: relative;
            }
        }
        
        @media only screen and (min-width:751px) {
            .cppage1 .fl {
                display: none;
            }
            .cppage1 .fr {
                width: 100%;
                margin-left: -3.6%
            }
            .cppage1 .fr dd {
                width: 100%;
                background: url("../images/cppage-bg.jpg") repeat;
                padding: 60px 11% 70px;
                border-radius: 0 120px 120px 0;
                position: relative
            }
            .cppage1 .fr dd .cs p {
                width: 82%;
                font-size: 16px;
                color: #fff;
                font-weight: 700;
                position: relative;
            }
        }
        
        @media only screen and (min-width:1000px) {
            .cppage1 .fl {
                width: 46%;
                display: block;
            }
            .cppage1 .fr {
                width: 50%;
                float: left;
                margin-left: -3.6%
            }
            .cppage1 .fr dd {
                width: 100%;
                background: url("../images/cppage-bg.jpg") repeat;
                padding: 60px 11% 70px;
                border-radius: 0 120px 120px 0;
                position: relative
            }
            .cppage1 .fr dd .cs p {
                width: 82%;
                font-size: 16px;
                color: #fff;
                font-weight: 700;
                position: relative;
            }
        }
        
        @media only screen and (min-width:1200px) {
            .cppage1 .fl {
                width: 50%;
            }
            .cppage1 .fr dl {
                overflow: hidden;
                border-radius: 0 120px 0 0;
                margin: 6px 0 0;
            }
            .cppage1 .fr dd {
                width: 100%;
                background: url("../images/cppage-bg.jpg") repeat;
                padding: 60px 11% 70px;
                border-radius: 0 120px 120px 0;
                position: relative
            }
            .cppage1 .fr dd .cs p {
                width: 82%;
                font-size: 16px;
                color: #fff;
                font-weight: 700;
                position: relative;
            }
        }
        
        @media only screen and (min-width:1400px) {
            .cppage1 .fl {
                width: 51.92%;
            }
            .cppage1 .fr {
                width: 47%;
                float: left;
                margin-left: -3.6%
            }
            .cppage1 .fr dl {
                overflow: hidden;
                border-radius: 0 120px 0 0;
                margin: 6px 0 0;
            }
            .cppage1 .fr dd {
                width: 100%;
                background: url("../images/cppage-bg.jpg") repeat;
                padding: 60px 11% 70px;
                border-radius: 0 120px 120px 0;
                position: relative
            }
            .cppage1 .fr dd .cs p {
                width: 82%;
                font-size: 18px;
                color: #fff;
                font-weight: 700;
                position: relative;
            }
        }
        
        @media only screen and (min-width:1600px) {
            .cppage1 .fl {
                width: 51.92%;
            }
            .cppage1 .fr {
                width: 50%;
                float: left;
                margin-left: -1.6%
            }
            .cppage1 .fr dl {
                overflow: hidden;
                border-radius: 0 120px 0 0;
                margin: 66px 0 0;
            }
            .cppage1 .fr dd {
                width: 100%;
                background: url("../images/cppage-bg.jpg") repeat;
                padding: 60px 11% 70px;
                border-radius: 0 120px 120px 0;
                position: relative
            }
            .cppage1 .fr dd .cs p {
                width: 82%;
                font-size: 18px;
                color: #fff;
                font-weight: 700;
                line-height: 38px;
                position: relative;
            }
        }
        
        .cppage1 .fr dd .cs:after,
        .cppage1 .fr dd:after {
            background: #fff;
            top: auto;
            bottom: 30px;
            left: 0;
            right: auto
        }
        
        .cppage1 .fr dd h1 {
            font-size: 40px;
            color: #dd501f;
            font-weight: 700;
            text-shadow: 0 3px 0 rgba(0, 0, 0, .2)
        }
        
        .cppage1 .fr dd .cs {
            margin: 22px 0 35px
        }
        
        .cppage1 .fr dd .cs:before {
            width: 22px;
            right: 56.5%
        }
        
        .cppage1 .fr dd .cs:after {
            width: 22px;
            left: 56.5%
        }
        
        .cppage1 .fr dd .tel {
            font-size: 20px;
            color: #999;
            font-weight: 700;
            padding-left: 30px;
            position: relative
        }
        
        .cppage1 .fr dd .tel:before {
            top: 10px
        }
        
        .cppage1 .fr dd .tel strong {
            font-size: 26px;
            color: #dc5020
        }
        
        .cppage1 .fr dl {
            margin: 45px 0 0;
        }
        
        .cppage1 .fr dd {
            padding: 50px 11% 60px
        }
        
        .cppage1 .fr dd h1 {
            font-size: 37px
        }
        
        .cppage1 .fr dd .cs p {
            font-size: 17px
        }
        
        .cppage1 .fr dd .tel strong {
            font-size: 24px
        }
        
        .cppage1 .fr dd .btn {
            width: 270px;
            height: 326px;
            padding: 194px 0 0;
        }
        
        .cppage1 .fr dt p {
            font-size: 17px
        }
        
        .cppage1 .fr dt ul li {
            font-size: 16px
        }
        
        .cppage1 .fr dt {
            padding: 0 0 0 11%;
        }
        
        .cppage1 .fr dt p {
            font-size: 18px;
            color: #e78a6e;
            margin: 24px 0 54px;
        }
        
        .cppage1 .fr dt p:after {
            content: "";
            width: 31px;
            height: 2px;
            background: #e78a6e;
            display: inline-block;
            vertical-align: middle;
            margin-left: 15px;
        }
        
        .cppage1 .fr dt ul {
            overflow: hidden;
        }
        
        .cppage1 .fr dt ul li {
            font-size: 18px;
            color: #999999;
            float: left;
        }
        /*=====================首页关于我们=======================*/
        
        .juze_about {
            width: 100%;
            background: url("../images/abg.jpg") center no-repeat;
            margin-bottom: 50px;
            padding: 50px 0;
        }
        
        .juze_about ul {
            width: 90%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        
        .juze_about img {
            max-width: 100%
        }
        
        .juze_about .left .jianjie {
            margin-top: 20px;
            color: #fff
        }
        
        @media only screen and (max-width: 750px) {
            .juze_about {
                padding: 50px 0;
            }
            .juze_about .left {
                width: 100%
            }
            .juze_about .left .jianjie p {
                font-size: 15px;
                margin-top: 20px;
                line-height: 30px;
                margin-top: 15px;
            }
            .juze_about .right {
                display: none;
            }
        }
        
        @media only screen and (min-width: 751px) {
            .juze_about ul {
                display: flex;
                justify-content: space-between;
            }
            .juze_about .left {
                width: 100%
            }
            .juze_about .left .jianjie p {
                font-size: 15px;
                margin-top: 20px;
                line-height: 30px;
                margin-top: 15px;
            }
            .juze_about .right {
                display: none;
            }
        }
        
        @media only screen and (min-width:1200px) {
            .juze_about {
                padding: 70px 0;
            }
            .juze_about ul {
                display: flex;
                justify-content: space-between;
            }
            .juze_about .left {
                width: 48%
            }
            .juze_about .left .jianjie p {
                font-size: 14px;
                margin-top: 20px;
                line-height: 28px;
            }
            .juze_about .left .jianjie p:nth-child(2) {
                display: none;
            }
            .juze_about .right {
                width: 50%;
                display: block;
            }
        }
        
        @media only screen and (min-width:1400px) {
            .juze_about {
                padding: 70px 0 120px;
            }
            .juze_about ul {
                display: flex;
                justify-content: space-between;
            }
            .juze_about .left {
                width: 48%
            }
            .juze_about .left .jianjie p {
                font-size: 16px;
                margin-top: 20px;
                line-height: 30px;
            }
            .juze_about .right {
                width: 50%;
            }
            .juze_about .left .jianjie p:nth-child(2) {
                display: block;
            }
        }
        
        @media only screen and (min-width:1600px) {
            .juze_about {
                padding: 120px 0 20px;
            }
            .juze_about ul {
                display: flex;
                justify-content: space-between;
            }
            .juze_about .left {
                width: 50%
            }
            .juze_about .left .jianjie p {
                font-size: 16px;
                margin-top: 20px;
                line-height: 32px;
            }
            .juze_about .right {
                width: 42%
            }
        }
        /*=============首页头部滚动图片==========*/
        
        .tx_index_pro {
            overflow: hidden;
            width: 20%;
            padding: 20px 0;
            clear: both;
        }
        
        .inbg {
            height: 339px;
        }
        
        .cssimg img {
            -webkit-transition-duration: .5s;
            transition-duration: .5s;
        }
        
        .cssimg:hover img {
            -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05)
        }
        
        .tx_index_pro_left {
            float: left;
            width: 640px;
        }
        
        .tx_index_pro_left .swiper-container {
            width: 100%;
            height: 100%;
            color: #fff;
            text-align: center;
        }
        
        .tx_index_pro_left .swiper-slide .title {
            text-align: left;
            line-height: 35px;
            font-size: 20px;
            color: #b7946e;
            padding-bottom: 45px;
        }
        
        .tx_index_pro_left .swiper-slide .title span {
            font-size: 35px;
            font-weight: bold;
            padding-right: 10px;
        }
        
        .tx_index_pro_left .pagination {
            position: absolute;
            z-index: 20;
            right: 50px;
            top: 10px;
        }
        
        .tx_index_pro_left .swiper-pagination-switch {
            display: inline-block;
            width: 16px;
            height: 16px;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url(img/11.png);
            margin-right: 0px;
            cursor: pointer;
        }
        
        .tx_index_pro_left .swiper-visible-switch {}
        
        .tx_index_pro_left .swiper-active-switch {
            background-image: url(img/10.png);
        }
        
        .tx_index_pro_left img {
            max-width: 100%;
        }
        /*====首页头部滚动=*/
        
        @media only screen and (max-width: 1200px) {
            .rtCont {
                display: none;
            }
        }
        
        @media only screen and (min-width: 1201px) {
            .rtCont {
                overflow: hidden;
                position: relative;
                z-index: 99999999;
                margin-top: -25%;
                right: 10%;
                height: 300px;
                display: block;
            }
            .rtCont ul {
                width: 208px;
                overflow: hidden;
                float: right;
                right: 0
            }
            .rtCont li {
                float: left;
                text-align: center;
                margin-right: 10px;
                margin-left: 10px;
            }
            .rtCont li a {
                display: block;
                position: relative;
                transition: all .2s ease;
                padding-top: 20px;
            }
            .rtCont li a img {
                display: block;
                font-size: 0px;
                width: 210px;
                height: 150px;
                transition: all .2s ease;
                border: 4px solid #ffa800;
                -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
                margin: 0 auto;
            }
            .rtCont li a p {
                margin-top: 15px;
                font-size: 20px;
                color: #333;
                margin-bottom: 0;
            }
            .rtCont li a:hover img {
                -webkit-box-shadow: 0 0px 5px rgba(253, 184, 19, 1);
                border-color: #fff;
            }
            .rtCont>a {
                transition: .5s;
            }
            .rtCont>a:hover {
                background: #fff;
                color: #999;
                box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
            }
        }
        /*=============首页发货滚动==========*/
        
        .espcms_piclist_slide1 {
            overflow: hidden;
            padding: 0px 14px 0px 14px;
            height: 240px;
            width: 100%;
            margin: 20px auto 25px
        }
        
        .espcms_piclist_slide1 ul li {
            float: left;
            margin: 0 10px 15px 0;
            text-align: center;
            position: relative;
        }
        
        .espcms_piclist_slide1 li .pic {
            width: 300px;
            height: 230px;
            margin: 0 auto
        }
        
        .espcms_piclist_slide1 li .pic img {
            width: 300px;
            height: 230px;
        }
        /*================btn-hover=================*/
        
        @media only screen and (max-width: 750px) {
            .btn-hover {
                display: none
            }
            ;
        }
        
        @media only screen and (min-width: 751px) {
            .btn-hover {
                width: 268px;
                display: block;
                height: 64px;
                background: #de5217;
                text-align: center;
                border: 4px solid #fd9861;
                border-radius: 100px;
                font-size: 20px;
                color: #ffffff;
                font-weight: bold;
                line-height: 54px;
                text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
                padding: 0 20px;
                display: block;
                box-shadow: 0 6px 0 #de5217, 0 0 6px rgba(0, 0, 0, 0.1) inset;
                overflow: hidden;
                position: relative;
                transition: all 0.8s ease;
            }
            .btn-hover:hover {
                color: #ffa800
            }
        }
        /*====================首页工程案例滚动==============*/
        
        .pro {
            width: 100%;
        }
        
        #top_scroll {
            overflow: hidden;
            max-width: 90%;
            margin: 0px auto 50px;
        }
        
        #top_scroll ul li {
            float: left;
            margin: 0.5%;
        }
        
        #top_scroll ul li .img {
            overflow: hidden;
            max-width: 100%;
        }
        
        #top_scroll ul li img {
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            -moz-transition: 0.5s;
            transition: 0.5s;
        }
        
        #top_scroll ul li:hover img {
            -webkit-transform: scale(1.1, 1.1);
            -moz-transform: scale(1.1, 1.1);
            -o-transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
        }
        
        #top_scroll ul li h3 {
            color: #333;
            font-size: 16px;
            font-weight: normal;
            line-height: 50px;
            border: 1px solid #de5217;
            width: 80%;
            margin: 10px auto;
            text-align: center;
            border-radius: 50px 0 30px 50px;
        }
        
        #top_scroll ul li:hover {
            background-image: -webkit-linear-gradient(left, #fa5610, #fd9861);
        }
        
        #top_scroll ul li:hover h3 {
            color: #fff;
            border: 1px solid #fff;
        }
        
        @media only screen and (max-width: 750px) {
            #top_scroll {
                height: 500px;
                overflow: hidden;
                max-width: 90%;
                margin: 0px auto 50px;
            }
            #top_scroll ul li {
                width: 49%;
            }
        }
        
        @media only screen and (min-width:751px) {
            #top_scroll {
                height: 500px;
                overflow: hidden;
                max-width: 90%;
                margin: 0px auto 50px;
            }
            #top_scroll ul li {
                width: 32%;
            }
        }
        
        @media only screen and (min-width:1200px) {
            #top_scroll {
                height: 600px;
                overflow: hidden;
                max-width: 90%;
                margin: 0px auto 50px;
            }
            #top_scroll ul li {
                width: 32%;
            }
        }
        
        @media only screen and (min-width:1400px) {
            #top_scroll {
                height: 700px;
                overflow: hidden;
                max-width: 90%;
                margin: 0px auto 50px;
            }
            #top_scroll ul li {
                width: 24%;
            }
        }
        
        @media only screen and (min-width:1600px) {
            #top_scroll {
                height: 800px;
                overflow: hidden;
                max-width: 90%;
                margin: 0px auto 50px;
            }
            #top_scroll ul li {
                width: 24%;
            }
        }
        /* =================== 产品详情 ny_xiangqing===================== */
        
        .ny_xiangqing .left {
            padding-left: 5%;
        }
        
        .ny_xiangqing .left .en {
            font-size: 56px;
            font-weight: bold;
        }
        
        .ny_xiangqing .left h4 {
            margin: 15px 0;
            color: #d00000
        }
        
        .ny_xiangqing .left h5 a {
            color: #fff
        }
        
        .ny_xiangqing .right {
            padding-right: 5%;
        }
        
        .ny_xiangqing .right img,
        .ny_xiangqing .left img {
            max-width: 95%;
        }
        
        .cp_xiangqing {
            width: 90%;
            margin: 0 auto 50px;
        }
        
        .cp_xiangqing img {
            max-width: 100%;
        }
        
        .cp_xiangqing p {
            font-size: 16px;
            line-height: 36px;
        }
        
        @media only screen and (max-width: 750px) {
            .ny_xiangqing {
                display: none;
            }
        }
        
        @media only screen and (min-width:751px) {
            .ny_xiangqing .left h1 {
                line-height: 50px;
                font-size: 28px
            }
            .ny_xiangqing .left h5,
            .ny_xiangqing .left img {
                display: none;
            }
            .ny_xiangqing {
                padding: 80px 0 60px;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                position: relative;
                top: 0;
                color: #fff;
            }
            .ny_xiangqing .left .lx {
                font-size: 16px;
                line-height: 36px;
            }
            .ny_xiangqing .right {
                padding: 2% 5%;
                width: 90%;
            }
            .cp_xiangqing p {
                font-size: 15px;
                line-height: 32px;
            }
            .ny_xiangqing .left h4 {
                width: 60%;
                font-size: 28px
            }
        }
        
        @media only screen and (min-width:1000px) {
            .ny_xiangqing .left h1 {
                line-height: 50px;
                font-size: 28px
            }
            .ny_xiangqing .left h5,
            .ny_xiangqing .left img {
                display: none;
            }
            .ny_xiangqing {
                padding: 50px 0 40px;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                position: relative;
                top: 0;
                color: #fff;
            }
            .ny_xiangqing .left .lx {
                font-size: 16px;
                line-height: 36px;
            }
            .ny_xiangqing .right {
                padding: 2% 10%;
                width: 80%;
            }
            .cp_xiangqing p {
                font-size: 15px;
                line-height: 32px;
            }
            .ny_xiangqing .left h4 {
                width: 60%;
                font-size: 28px
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .ny_xiangqing .left {
                width: 50%
            }
            .ny_xiangqing .right {
                width: 50%
            }
            .ny_xiangqing .left h5,
            .ny_xiangqing .left img {
                display: block;
            }
            .ny_xiangqing .left h1 {
                line-height: 50px;
                font-size: 36px
            }
            .ny_xiangqing .left h4 {
                font-size: 36px;
            }
            .ny_xiangqing .left h5 {
                font-size: 16px;
                line-height: 33px;
            }
            .ny_xiangqing {
                padding: 180px 0 120px;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                position: relative;
                top: 0;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                color: #fff;
            }
            .ny_xiangqing .left .lx {
                font-size: 18px;
                line-height: 42px;
            }
            .cp_xiangqing p {
                font-size: 15px;
                line-height: 32px;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .ny_xiangqing .right {
                padding: 0;
            }
            .ny_xiangqing .left {
                width: 47%
            }
            .ny_xiangqing .right {
                width: 50%
            }
            .ny_xiangqing .left h1 {
                line-height: 50px;
                font-size: 48px
            }
            .ny_xiangqing .left .lx {
                font-size: 18px;
                line-height: 42px;
            }
            .ny_xiangqing {
                padding: 180px 0 120px;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                position: relative;
                top: 0;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                color: #fff;
            }
            .cp_xiangqing p {
                font-size: 16px;
                line-height: 36px;
            }
            .ny_xiangqing .left h5 {
                font-size: 18px;
                line-height: 40px;
            }
        }
        /* =================== 内页banner ===================== */
        
        .sy_news {
            width: 90%;
            margin: 0 auto 40px;
            overflow: hidden;
        }
        
        .sy_news li .left img {
            max-width: 100%;
        }
        
        .sy_news li .right p {
            font-size: 14px;
        }
        
        @media only screen and (max-width: 750px) {
            .sy_news li {
                width: 100%;
                float: left;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                margin: 0.5%;
            }
            .sy_news li .left {
                width: 27%;
            }
            .sy_news li .right {
                width: 68%;
            }
            .sy_news li .right h3 {
                font-size: 16px;
                ;
            }
            .sy_news li .right p {
                display: none;
            }
            .sy_news li .right h5 {
                font-size: 12px;
                font-weight: normal;
                width: 120px;
                height: 30px;
                line-height: 30px;
                border-radius: 30px 0 30px 0;
                background: #d00000;
                text-align: center;
                color: #fff;
                margin: 8px 0;
            }
        }
        
        @media only screen and (min-width: 751px) {
            .sy_news li {
                width: 100%;
                float: left;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                margin: 0.5%;
            }
            .sy_news li .left {
                width: 30%;
            }
            .sy_news li .right {
                width: 66%;
            }
            .sy_news li .right h3 {
                font-size: 16px;
            }
            .sy_news li .right p {
                margin-top: 5px;
                line-height: 25px;
            }
            .sy_news li .right h5 {
                font-size: 14px;
                font-weight: normal;
                width: 160px;
                height: 36px;
                line-height: 36px;
                border-radius: 30px 0 30px 0;
                background: #d00000;
                text-align: center;
                color: #fff;
                margin: 8px 0;
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .sy_news li {
                width: 48%;
                float: left;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                margin: 0.5%;
            }
            .sy_news li .left {
                width: 30%;
            }
            .sy_news li .right {
                width: 66%;
            }
            .sy_news li .right h3 {
                font-size: 16px;
            }
            .sy_news li .right p {
                margin-top: 5px;
                line-height: 25px;
            }
            .sy_news li .right h5 {
                display: none;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .sy_news li {
                width: 48%;
                float: left;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                margin: 0.5%;
            }
            .sy_news li .right h5 {
                display: block;
            }
            .sy_news li .left {
                width: 36%;
            }
            .sy_news li .right {
                width: 60%;
            }
            .sy_news li .right h3 {
                font-size: 18px;
            }
            .sy_news li .right p {
                margin-top: 5px;
                line-height: 25px;
            }
        }
        
        @media only screen and (min-width: 1600px) {
            .sy_news li {
                width: 48%;
                float: left;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                margin: 0.5%;
            }
            .sy_news li .left {
                width: 35%;
            }
            .sy_news li .right {
                width: 62%;
            }
            .sy_news li .right h3 {
                font-size: 22px;
            }
            .sy_news li .right p {
                margin-top: 10px;
                line-height: 28px;
            }
        }
        /*========内页联系我们=====*/
        
        .liucheng {
            width: 90%;
            margin: 0 auto;
            text-align: center;
        }
        
        .liucheng img {
            max-width: 100%
        }
        /* =================== 内页banner ===================== */
        
        .bg_contact {
            background: url(../images/contact.jpg) no-repeat center;
        }
        
        .bg_about {
            background: url(../images/about.jpg) no-repeat center;
        }
        
        .bg_case {
            background: url(../images/case.jpg) no-repeat center;
        }
        
        .bg_video {
            background: url(../images/video.jpg) no-repeat center;
        }
        
        .bg_news {
            background: url(../images/news.jpg) no-repeat center;
        }
        
        .bg_cp2 {
            background: url(../images/cp.jpg) no-repeat center;
        }
        
        .bg_cp {
            background: #ececec;
        }
        
        .bg_xq {
            background: url(../images/xq.jpg) no-repeat center;
        }
        
        .bg_fahuo {
            background: url(../images/fahuo.jpg) no-repeat center;
        }
        
        .nybanner {
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            flex-flow: row nowrap;
            justify-content: space-between;
            color: #fff;
        }
        
        .nybanner .left {
            margin-left: 5%;
            width: 40%;
        }
        
        .nybanner .left img {
            max-width: 100%
        }
        
        .nybanner .left .en {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
        }
        
        .nybanner .left h2 {
            font-weight: bold;
            color: #fa5610;
            position: relative;
        }
        
        .nybanner .left p {
            font-size: 15px;
            line-height: 30px;
            margin-top: 20px;
        }
        
        @media only screen and (max-width: 750px) {
            .nybanner {
                padding: 20% 0 20%;
            }
        }
        
        @media only screen and (min-width: 751px) {
            .nybanner {
                padding: 20% 0 20%;
            }
            .nybanner .left .en {
                font-size: 42px;
            }
            .nybanner .left h2 {
                font-size: 40px;
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .nybanner {
                padding: 20% 0 20%;
            }
            .nybanner .left .en {
                font-size: 56px;
            }
            .nybanner .left h2 {
                font-size: 46px;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .nybanner {
                padding: 15% 0 25%;
            }
            .nybanner .left .en {
                font-size: 68px;
            }
            .nybanner .left h2 {
                font-size: 52px;
            }
        }
        /* =================== 新闻列表 ===================== */
        
        .home5 {
            width: 90%;
            margin: -70px auto 50px;
            overflow: hidden;
        }
        
        .home5 .list dl dd {
            box-shadow: 0 0 35px rgba(31, 38, 43, 0.18);
        }
        
        .home5 .list dl dd .more {
            height: 50px;
            line-height: 48px;
            font-size: 18px;
            margin-top: -25px;
        }
        
        .home5 .list dl dt h3 a {
            font-size: 17px;
            line-height: 26px;
        }
        
        .home5 .list dl dt p {
            margin-top: 5px;
        }
        
        .home5 .list {
            margin: 70px 0 0 -2.2%;
        }
        
        .home5 .list ul {
            margin-left: -2.4%;
        }
        
        .home5 .list li {
            margin-bottom: 4px;
            float: left;
            overflow: hidden;
            padding: 18px 24px 14px 11px;
            position: relative;
        }
        
        .home5 .list li:before {
            content: '';
            display: block;
            width: 0;
            height: 100%;
            position: absolute;
            background-color: #de5217;
            z-index: -1;
            top: 0;
            left: 0;
            transition: .3s;
            -o-transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
        }
        
        .home5 .list li .text {
            width: 69%;
            float: right;
        }
        
        .home5 .list li h3 {
            margin-bottom: 10px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        
        .home5 .list li h3 a {
            font-size: 20px;
            line-height: 1.7;
            font-weight: 400;
            color: #333;
        }
        
        .home5 .list li p {
            font-size: 16px;
            color: #999;
            line-height: 2;
            height: 64px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        
        .home5 .list li .addtime {
            color: #de5217;
            float: right;
            height: auto;
        }
        
        .home5 .list li:hover:before {
            content: '';
            width: 100%;
        }
        
        .home5 .list li:hover .pic img {
            transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }
        
        .home5 .list li:hover h3,
        .home5 .list li:hover h3 a {
            color: #fff;
            font-weight: 900;
        }
        
        .home5 .list li:hover p {
            color: #fff;
        }
        
        @media screen and (max-width:750px) {
            .home5 .list li .text {
                width: 100%;
            }
            .home5 .list li {
                width: 90%;
            }
            .home5 .list li .pic {
                display: none;
            }
        }
        
        @media screen and (min-width:751px) {
            .home5 .list li .text {
                width: 53%;
            }
            .home5 .list li .pic {
                display: block;
                float: left;
                overflow: hidden;
                width: 181px;
                height: 136px;
                margin-right: 23px;
                box-shadow: 0px 0px 20px rgba(1, 1, 1, .2);
                -o-box-shadow: 0px 0px 20px rgba(1, 1, 1, .2);
                -ms-box-shadow: 0px 0px 20px rgba(1, 1, 1, .2);
                -moz-box-shadow: 0px 0px 20px rgba(1, 1, 1, .2);
                -webkit-box-shadow: 0px 0px 20px rgba(1, 1, 1, .2);
            }
            .home5 .list li .pic img {
                transition: .3s;
                -o-transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
            }
        }
        
        @media screen and (min-width:1200px) {
            .home5 .list li .text {
                width: 53%;
            }
            .home5 .list li {
                width: 45%;
                margin-left: 1%;
            }
        }
        
        @media screen and (min-width:1300px) {
            .home5 .list li .text {
                width: 63%;
            }
        }
        
        @media screen and (max-width:1400px) {
            .home5 .list li .text {
                width: 65%;
            }
        }
        /* =================== 发货现场列表 ===================== */
        
        .cpzs-list {
            overflow: hidden;
            width: 90%;
            margin: 0 auto;
        }
        
        .cpzs-list .list {
            width: 100%
        }
        
        .cpzs-list .list h3 {
            font-size: 34px;
            color: #333333;
            font-weight: bold;
            text-align: center;
        }
        
        .cpzs-list .list h3:after {
            content: "";
            width: 80px;
            height: 4px;
            background: #db511b;
            display: block;
            margin: 20px auto;
        }
        
        .cpzs-list .list p {
            color: #999999;
            text-align: center;
            line-height: 38px;
            padding: 0 31%;
        }
        
        .cpzs-list .list ul {
            margin: 0px 0 0 -1.32%;
        }
        
        .cpzs-list .list ul li {
            background: #ffffff;
            float: left;
            margin-left: 1.32%;
            border-radius: 20px;
            overflow: hidden;
            padding: 4px;
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
            position: relative;
        }
        
        @media only screen and (max-width: 750px) {
            .cpzs-list .list ul li {
                width: 92%;
            }
        }
        
        @media only screen and (min-width:751px) {
            .cpzs-list .list ul li {
                width: 47%;
            }
            .cpzs-list .list ul li p a {
                font-size: 18px;
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .cpzs-list .list ul li {
                width: 31%;
            }
            .cpzs-list .list ul li p a {
                font-size: 20px;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .cpzs-list .list ul li {
                width: 23%;
            }
            .cpzs-list .list ul li p a {
                font-size: 24px;
            }
        }
        
        .cpzs-list .list ul li img {
            border-radius: 18px;
            width: 100%
        }
        
        .cpzs-list .list p {
            line-height: 31px
        }
        
        .cpzs-list .list ul li p {
            width: 79.2%;
            background: #fff;
            padding: 4px;
            border-radius: 50px 0 30px 50px;
            position: absolute;
            right: 0;
            bottom: 0;
            box-shadow: 0 -5px 13px rgba(0, 0, 0, .6);
            transition: all ease .3s;
        }
        
        .cpzs-list .list ul li p a {
            color: #666;
            font-weight: 700;
            text-align: center;
            line-height: 30px;
            border: 1px solid #db511b;
            border-radius: 50px 0 30px 50px;
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 11px 5%
        }
        
        .cpzs-list .list ul li:hover p,
        .cpzs-list .list ul li:hover p a {
            width: 100%;
            border-radius: 0 0 20px 20px;
            white-space: normal
        }
        
        .cplb-list .list ul li {
            margin: 20px 0 20px 1.32%
        }
        
        @media only screen and (max-width: 1000px) {
            .bg-box,
            .bg-box .f1,
            .bg-box .al-more,
            .bg-box .al-more .fl li {
                display: none;
            }
        }
        
        @media only screen and (min-width: 1001px) {
            .bg-box {
                width: 100%;
                background: url("../images/bg-zs.jpg")repeat;
                padding: 4% 0;
                margin-top: -30px;
            }
            .bg-box .al-more {
                margin: 0px auto;
                width: 90%;
                display: flex;
                justify-content: space-between;
            }
            .bg-box .f1 {
                width: 100%
            }
            .bg-box .al-more .fl .tit {
                margin-bottom: -18px;
                width: 180px;
                height: 74px;
                border-radius: 20px 20px 0 0;
                background: #ffffff;
                box-shadow: 0 0 5px #a7a7a7;
            }
            .bg-box .al-more .fl h4 {
                color: #df571e;
                text-align: center;
                font-weight: 700;
                font-size: 24px;
                line-height: 55px;
            }
            .bg-box .al-more .fl li:first-child {
                margin-left: 0;
            }
            .bg-box .al-more .fl li {
                position: relative;
                float: left;
                overflow: hidden;
                margin-left: 1.5%;
                padding: 10px;
                width: 30.5%;
                border-radius: 20px;
                background: #fff;
                box-shadow: 0 2px 5px #a7a7a7;
            }
            .bg-box .al-more .fl li img {
                border-radius: 10px;
                width: 100%;
            }
            .bg-box .al-more .fl li:first-child {
                margin-left: 0
            }
            .bg-box .al-more .fl li p {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 0;
                overflow: hidden;
                margin: 10px;
                border-radius: 10px
            }
            .bg-box .al-more .fl li p a {
                display: block;
                width: 100%;
                height: 100%;
                padding: 103% 2% 0;
                color: #fff;
                text-align: center;
                font-size: 16px;
                line-height: 24px;
                transition: all ease .5s;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
            .bg-box .al-more .fl li p a:before {
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: -1;
                display: block;
                width: 100%;
                height: 60px;
                background-image: linear-gradient(rgba(0, 0, 0, 0), #000);
                content: "";
            }
            .bg-box .al-more .fl li:hover p a {
                padding: 56% 5% 0 2%;
                background: rgba(0, 0, 0, .8);
                font-weight: 700;
                font-size: 20px;
                line-height: 30px;
                white-space: normal;
            }
        }
        /* =================== 内页宣传标题 ===================== */
        
        .wbny_bt {
            width: 90%;
            margin: 50px auto;
            color: #fa5610;
            position: relative;
        }
        
        .wbny_bt h2 span {
            font-weight: 100;
            color: #464646;
            text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .wbny_bt:before {
            content: "";
            width: 66px;
            height: 66px;
            background: #feaf79;
            border: 12px solid #ffdac1;
            border-radius: 50%;
            display: block;
            position: absolute;
            left: -27px;
            top: -27px;
            z-index: -1;
        }
        
        .wbny_bt p {
            color: #464646;
        }
        
        @media only screen and (max-width: 750px) {
            .wbny_bt {
                font-size: 20px;
            }
            .wbny_bt h2 span {
                font-size: 16px;
                word-break: normal;
                width: auto;
                display: block;
                white-space: pre-wrap;
                word-wrap: break-word;
                overflow: hidden;
            }
            .wbny_bt p {
                font-size: 14px;
                margin: 15px 0 35px 0;
            }
        }
        
        @media only screen and (min-width: 751px) {
            .wbny_bt {
                font-size: 28px;
            }
            .wbny_bt h2 span {
                font-size: 38px
            }
            .wbny_bt p {
                font-size: 15px;
                margin: 15px 0 35px 0;
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .wbny_bt {
                font-size: 32px;
            }
            .wbny_bt h2 span {
                font-size: 48px
            }
            .wbny_bt p {
                font-size: 16px;
                margin: 15px 0 35px 0;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .wbny_bt {
                font-size: 34px;
            }
            .wbny_bt h2 span {
                font-size: 56px
            }
            .wbny_bt p {
                font-size: 17px;
                margin: 15px 0 35px 0;
            }
        }
        /* =================== 公司简介内页主体ny_about ===================== */
        
        .choose-us {
            margin: 30px 0;
            background-size: 100% auto;
        }
        
        .choose-us h3 {
            color: #3f4251;
            text-shadow: -6px 14px 7px rgba(0, 0, 0, 0.07);
            font-weight: bold;
            text-align: center;
        }
        
        .choose-us h3 span {
            color: #fa5610;
        }
        
        .choose-us p {
            width: 100%;
            line-height: 30px;
            text-align: center;
        }
        
        @media only screen and (max-width: 750px) {
            .choose-us h3 {
                font-size: 32px;
                line-height: 40px;
                background: url(../images/text-zhongde.png) center center no-repeat;
                background-size: 100% auto
            }
        }
        
        @media only screen and (min-width: 751px) {
            .choose-us h3 {
                font-size: 38px;
                line-height: 40px;
                background: url(../images/text-zhongde.png) center center no-repeat;
                background-size: 100% auto
            }
            .choose-us p {
                font-size: 15px;
                margin: 20px auto 0;
            }
            .choose-us {
                padding: 20px 0 40px;
            }
        }
        
        @media only screen and (min-width: 1000px) {
            .choose-us h3 {
                font-size: 42px;
                line-height: 60px;
            }
            .choose-us p {
                font-size: 16px;
                margin: 40px auto 0;
            }
            .choose-us {
                padding: 20px 0 50px;
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .choose-us {
                padding: 30px 0 60px;
            }
            .choose-us h3 {
                font-size: 48px;
                line-height: 70px;
                background: url(../images/text-zhongde.png) center center no-repeat;
                background-size: 800px auto;
            }
            .choose-us p {
                font-size: 18px;
                margin: 40px auto 0;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .choose-us {
                padding: 40px 0 80px;
            }
            .choose-us h3 {
                font-size: 56px;
                line-height: 100px;
                background: url(../images/text-zhongde.png) center center no-repeat;
                background-size: 1195px auto;
            }
            .choose-us p {
                font-size: 18px;
                margin: 40px auto 0;
            }
        }
        /* =================== 公司简介内页主体ny_about ===================== */
        
        .ny_aboutjianjie {
            width: 90%;
            margin: 0 auto;
            padding-bottom: 40px;
        }
        
        .ny_aboutjianjie .right img {
            max-width: 100%
        }
        
        .ny_aboutjianjie p {
            margin-bottom: 1.3em;
        }
        
        @media only screen and (max-width: 750px) {
            .ny_aboutjianjie {
                width: 90%;
                margin: 0 auto;
                font-size: 15px;
                line-height: 25px;
                ;
            }
            .ny_aboutjianjie .left {
                width: 100%
            }
            .nny_aboutjianjie .right {
                width: 100%
            }
        }
        
        @media only screen and (min-width: 751px) {
            .ny_aboutjianjie {
                width: 90%;
                margin: 0 auto;
                font-size: 16px;
                line-height: 28px;
                ;
            }
            .ny_aboutjianjie .left {
                width: 100%
            }
            .nny_aboutjianjie .right {
                width: 100%
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .ny_aboutjianjie {
                width: 90%;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                font-size: 14px;
                line-height: 25px;
            }
            .ny_aboutjianjie .left {
                width: 100%
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .ny_aboutjianjie {
                width: 90%;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                font-size: 16px;
                line-height: 30px;
                ;
            }
            .ny_aboutjianjie .left {
                width: 100%
            }
        }
        
        @media only screen and (min-width: 1600px) {
            .ny_aboutjianjie {
                width: 90%;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                font-size: 18px;
                line-height: 36px;
                ;
            }
            .ny_aboutjianjie .left {
                width: 100%
            }
            .ny_aboutjianjie .right {
                width: 42%
            }
        }
        /* =================== 联系我们内页主体ny_contact ===================== */
        
        .ny_contact {
            width: 90%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        
        .ny_contact .alist {
            background: url("../images/cppage-bg.jpg");
            padding: 5%;
            color: #fff;
            font-size: 18px;
            margin: 30px 0 0 0;
        }
        
        .ny_contact .alist strong {
            font-size: 24px;
        }
        
        .ny_contact .lx .tel {
            width: 268px;
            height: 64px;
            background: #de5217;
            border: 4px solid #fd9861;
            border-radius: 100px;
            font-size: 20px;
            color: #ffffff;
            font-weight: bold;
            line-height: 54px;
            text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            padding: 0 20px;
            display: block;
            box-shadow: 0 6px 0 #de5217, 0 0 6px rgba(0, 0, 0, 0.1) inset;
            overflow: hidden;
            position: relative;
            transition: all 0.8s ease;
        }
        
        @media only screen and (max-width: 750px) {}
        
        @media only screen and (min-width: 751px) {}
        
        @media only screen and (min-width: 1200px) {}
        /* =================== 电子地图map ===================== */
        
        .map {
            width: 90%;
            margin: 0 auto;
        }
        
        @media only screen and (max-width: 750px) {
            #container {
                height: 300px;
            }
        }
        
        @media only screen and (min-width: 751px) {
            #container {
                height: 500px;
            }
        }
        /* =================== 联系我们优势 ===================== */
        
        .c_list {
            width: 100%;
            margin-bottom: 40px;
            overflow: hidden;
            border: 1px #ececec solid;
            padding: 3% 0;
        }
        
        .c_list li {
            text-align: center;
            color: #1f2837;
            float: left
        }
        
        .c_list img {
            display: inline-block;
            max-width: 100%
        }
        
        .c_list strong {
            display: block;
            line-height: 32px;
            margin-bottom: 4px;
        }
        
        @media only screen and (max-width: 750px) {
            .c_list li strong {
                font-size: 18px;
            }
            .c_list li {
                width: 50%;
            }
            .c_list p {
                font-size: 14px;
                line-height: 25px;
            }
        }
        
        @media only screen and (min-width: 751px) {
            .c_list li strong {
                font-size: 24px;
            }
            .c_list li {
                width: 25%;
            }
            .c_list p {
                font-size: 16px;
                line-height: 26px;
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .c_list li {
                width: 25%;
            }
            .c_list li strong {
                font-size: 32px;
            }
            .c_list p {
                font-size: 18px;
                line-height: 45px;
            }
        }
        /*cpnybanner*/
        
        @media only screen and (max-width: 1000px) {
            .cpnybanner {
                width: 100%;
            }
            .cpnybanner img {
                max-width: 100%
            }
        }
        
        @media only screen and (min-width: 1001px) {
            .cpnybanner {
                display: none;
            }
        }
        /* =================== 客户案例===================== */
        
        .case_jt {
            display: block;
            position: absolute;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }
        
        @media only screen and (max-width: 700px) {
            .case_jt {
                width: 50px;
                height: 40px;
                border-radius: 20px 0 30px 0;
                background: url(../images/jt-x.png) no-repeat center #d00000;
                right: 45%;
                top: 50px;
            }
        }
        
        @media only screen and (min-width: 701px) {
            .case_jt {
                width: 64px;
                height: 50px;
                border-radius: 20px 0 30px 0;
                background: url(../images/jt.png) no-repeat center #d00000;
                right: 46%;
                bottom: 16px;
                top: 80px;
            }
        }
        
        .clear {
            clear: both
        }
        
        .wot {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .right_side_content {
            width: 90%;
            margin: 0 auto;
            overflow: hidden;
        }
        
        .list_none {
            display: none;
        }
        
        .right_side_content .item:hover {
            position: relative
        }
        
        #showdata {
            display: block;
        }
        
        #showdata .item {
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            -moz-transition: 0.5s;
            transition: 0.5s;
            overflow: hidden;
        }
        
        @media only screen and (max-width: 700px) {
            #showdata .item {
                float: left;
                width: 100%;
                margin: 0 0.5%;
            }
        }
        
        @media only screen and (min-width: 701px) {
            #showdata .item {
                float: left;
                width: 48%;
                margin: 0 0.5% 20px;
                margin-bottom: 20px;
            }
        }
        
        #showdata .item:hover {
            position: relative;
        }
        
        #showdata .item img {
            margin: 0 auto;
            width: 100%
        }
        
        .right_side_content .line {
            position: absolute;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            -moz-transition: 0.5s;
            transition: 0.5s;
        }
        
        .right_side_content .item strong {
            position: relative;
            z-index: 1;
            font-size: 20px;
            font-weight: bold;
            line-height: 50px;
            height: 120px;
            margin-bottom: 15px;
            display: block;
            text-align: center;
            color: #333;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            -moz-transition: 0.5s;
            transition: 0.5s;
            padding: 2% 0;
            background: url(../images/cabg.png);
            border-bottom: #d00000 6px solid;
        }
        
        .right_side_content .item strong i,
        .right_side_content .item strong i {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 0;
            background-color: #2f394a;
            z-index: -1;
            -webkit-transition: .5s height;
            -o-transition: .5s height;
            -ms-transition: .5s height;
            -moz-transition: .5s height;
            transition: .5s height;
        }
        
        .right_side_content .item:hover i,
        .right_side_content.item:hover i {
            height: 100%;
        }
        
        .right_side_content .item:hover strong,
        .right_side_content .item:hover strong {
            color: #fff;
        }
        /* =================== 产品列表===================== */
        
        .case_jt {
            display: block;
            position: absolute;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }
        
        @media only screen and (max-width: 700px) {
            .case_jt {
                width: 50px;
                height: 40px;
                border-radius: 20px 0 30px 0;
                background: url(../images/jt-x.png) no-repeat center #d00000;
                right: 45%;
                top: 50px;
            }
        }
        
        @media only screen and (min-width: 701px) {
            .case_jt {
                width: 64px;
                height: 50px;
                border-radius: 20px 0 30px 0;
                background: url(../images/jt.png) no-repeat center #d00000;
                right: 46%;
                bottom: 16px;
                top: 80px;
            }
        }
        
        .clear {
            clear: both
        }
        
        .wot {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .cpright_side_content {
            width: 90%;
            margin: 0 auto;
            overflow: hidden;
        }
        
        .list_none {
            display: none;
        }
        
        .cpright_side_content .item:hover {
            position: relative
        }
        
        #showdata {
            display: block;
        }
        
        #showdata .item {
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            -moz-transition: 0.5s;
            transition: 0.5s;
            overflow: hidden;
        }
        
        @media only screen and (max-width: 700px) {
            #showdata .item {
                float: left;
                width: 100%;
                margin: 0 0.5%;
            }
        }
        
        @media only screen and (min-width: 701px) {
            #showdata .item {
                float: left;
                width: 32%;
                margin: 0 0.5% 20px;
                margin-bottom: 20px;
            }
        }
        
        #showdata .item:hover {
            position: relative;
        }
        
        #showdata .item img {
            margin: 0 auto;
            width: 100%
        }
        
        .right_side_content .line {
            position: absolute;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            -moz-transition: 0.5s;
            transition: 0.5s;
        }
        
        .cpright_side_content .item strong {
            position: relative;
            z-index: 1;
            font-size: 20px;
            font-weight: bold;
            line-height: 50px;
            height: 120px;
            margin-bottom: 15px;
            display: block;
            text-align: center;
            color: #333;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            -moz-transition: 0.5s;
            transition: 0.5s;
            padding: 2% 0;
            background: url(../images/cabg.png);
            border-bottom: #d00000 6px solid;
        }
        
        .cpright_side_content .item strong i,
        .cpright_side_content .item strong i {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 0;
            background-color: #2f394a;
            z-index: -1;
            -webkit-transition: .5s height;
            -o-transition: .5s height;
            -ms-transition: .5s height;
            -moz-transition: .5s height;
            transition: .5s height;
        }
        
        .cpright_side_content .item:hover i,
        .cpright_side_content.item:hover i {
            height: 100%;
        }
        
        .cpright_side_content .item:hover strong,
        .cpright_side_content .item:hover strong {
            color: #fff;
        }
        /* =================== 内页新闻内容===================== */
        
        .news_xiangqing {
            width: 90%;
            margin: 30px auto;
            text-align: left;
        }
        
        .news_xiangqing p {
            font-size: 16px;
            line-height: 36px;
        }
        
        .news_xiangqing img {
            max-width: 100%
        }
        
        .espcms_info_pager {
            width: 90%;
            margin: 40px auto;
            overflow: hidden;
        }
        
        .espcms_info_pager li {
            width: 46%;
            float: left;
            text-align: center;
            line-height: 50px;
            color: #333;
        }
        
        .espcms_info_pager li:nth-child(2n) {
            margin-right: 0px;
        }
        
        .espcms_info_pager li a {
            color: #333
        }
        
        .espcms_info_pager li a:hover {
            color: #d00000
        }
        
        @media only screen and (max-width: 750px) {
            .espcms_info_pager li {
                width: 96%;
                text-align: center;
                line-height: 50px;
                margin: 5px auto;
            }
        }
        
        @media only screen and (min-width: 751px) {
            .espcms_info_pager li {
                width: 46%;
                float: left;
                text-align: center;
                line-height: 50px;
                margin-right: 5%;
            }
        }
        /* =================== 内页新闻列表===================== */
        
        .se_news_con {
            padding: 0px 0 0 0;
            width: 90%;
            margin: 0 auto;
        }
        
        .se_news_con ul {}
        
        .se_news_con li {
            margin-bottom: 15px;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            top: 0;
            padding: 25px 0;
            border-bottom: 1px dashed #ececec;
        }
        
        .se_news_l {
            position: relative;
            overflow: hidden;
        }
        
        .se_news_l img {
            transition: 0.4s ease;
            -moz-transition: 0.4s ease;
            -webkit-transition: 0.4s ease;
        }
        
        .se_news_l:hover img {
            transform: scale(1.1, 1.1);
            -moz-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
        }
        
        .se_news_r {
            position: relative;
            z-index: 2;
        }
        
        .se_news_r span {
            display: block;
            line-height: 35px;
            font-size: 14px;
            color: #888;
            padding: 0 0 0 20px;
        }
        
        .se_news_r h2 {
            font-size: 14px;
            color: #555555;
            padding: 0 0 10px 0;
            font-weight: normal;
            border-bottom: 1px #ececec solid
        }
        
        .se_news_r h2 a {
            color: #2f394a;
            text-transform: uppercase;
            display: block;
            transition: all 0.2s ease 0s;
            -webkit-transition: all 0.2s ease 0s;
            font-weight: bold;
        }
        
        .se_news_r h2 a:hover {
            color: #d00000;
        }
        
        .se_news_r .se_news_more {
            width: 150px;
            line-height: 36px;
            text-align: center;
            transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
        }
        
        .se_news_r .se_news_more a {
            color: #fff;
            font-size: 14px;
            background: #d00000;
            display: block;
            border-radius: 20px 0 20px 0
        }
        
        .se_news_r .se_news_more a:hover {
            background: #2f394a;
        }
        
        @media only screen and (max-width: 750px) {
            .se_news_l {
                width: 100%;
            }
            .se_news_l img {
                width: 100%;
            }
            .se_news_r {
                width: 100%;
            }
            .se_news_da {
                width: 100%;
                margin: 0 auto;
            }
            .se_news_r h2 a {
                font-size: 18px;
                line-height: 40px;
            }
            .se_news_r p {
                line-height: 25px;
                color: #777;
                font-size: 14px;
                margin: 15px 0;
            }
        }
        
        @media only screen and (min-width: 751px) {
            .se_news_l {
                width: 300px;
                height: 210px;
            }
            .se_news_l img {
                width: 300px;
            }
            .se_news_r {
                width: 80%;
                padding: 0px 0 0 20px
            }
            .se_news_da {
                width: 100%;
                margin: 0 auto;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
            }
            .se_news_r h2 a {
                font-size: 20px;
                line-height: 40px;
            }
            .se_news_r p {
                line-height: 30px;
                color: #777;
                font-size: 15px;
                margin: 15px 0;
            }
            .se_news_r .se_news_more {
                float: right
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .se_news_l {
                width: 400px;
                height: 310px;
            }
            .se_news_l img {
                width: 500px;
            }
            .se_news_r {
                width: 70%;
                padding: 0px 0 0 20px
            }
            .se_news_da {
                width: 100%;
                margin: 0 auto;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
            }
            .se_news_r h2 a {
                font-size: 28px;
                line-height: 50px;
            }
            .se_news_r p {
                line-height: 30px;
                color: #777;
                font-size: 16px;
            }
            .se_news_r .se_news_more {
                float: right
            }
        }
        /* =================== 底部footer ===================== */
        
        .footer {
            width: 100%;
            background: url(../images/endbg.jpg);
            padding: 40px 0;
            color: #fff
        }
        
        .footer ul {
            width: 90%;
            margin: 0 auto;
            text-align: left;
        }
        
        .footer ul .left .lianxi .add,
        .footer ul .left .lianxi .tel {
            height: 26px;
            line-height: 26px;
        }
        
        .footer ul .left .lianxi .add {
            background: url(../images/e1.png) left no-repeat;
            margin-right: 50px;
        }
        
        .footer ul .left .lianxi .tel {
            background: url(../images/e2.png) left no-repeat;
        }
        
        .footer ul .left .banquan {
            line-height: 50px;
        }
        
        .footer ul .left .link {
            font-size: 14px;
            color: #828282
        }
        
        .footer ul .right {
            width: auto;
            right: 0
        }
        
        .gongshi {
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }
        
        @media only screen and (max-width: 750px) {
            .footer ul .left .lianxi .add,
            .footer ul .left .lianxi .tel {
                padding-left: 26px;
            }
            .footer ul .left {
                font-size: 14px;
            }
            .footer ul .right {
                margin: 15px auto;
                text-align: center;
            }
            .footer ul .left {
                width: 100%;
                font-size: 14px;
            }
            .footer ul .left .banquan {
                line-height: 30px;
                margin: 15px 0;
            }
            .phone_footer {
                height: 45px;
                line-height: 45px;
                text-align: center;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                position: fixed;
                z-index: 999;
                bottom: 5px;
                width: 90%;
                margin-left: 5%;
            }
            .phone_footer li {
                background: #fa5610;
                width: 32%;
                border-radius: 5px;
            }
            .phone_footer li a {
                color: #fff
            }
        }
        
        @media only screen and (min-width: 751px) {
            .phone_footer {
                height: 45px;
                line-height: 45px;
                text-align: center;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                position: fixed;
                z-index: 999;
                bottom: 5px;
                width: 90%;
                margin-left: 5%;
            }
            .phone_footer li {
                background: #fa5610;
                width: 32%;
                border-radius: 5px;
            }
            .phone_footer li a {
                color: #fff
            }
            .footer ul .left .lianxi {
                display: flex;
                flex-flow: row nowrap;
                justify-content: flex-start;
            }
            .footer ul .left {
                font-size: 16px;
            }
            .footer ul .left .lianxi .add,
            .footer ul .left .lianxi .tel {
                padding-left: 30px;
            }
            .footer ul {
                width: 90%;
                margin: 0 auto;
            }
            .footer ul .left {
                width: 100%;
                font-size: 14px;
            }
            .footer ul .left .lianxi {
                width: 100%;
                font-size: 16px;
            }
            .footer ul .left .banquan {
                display: flex;
                flex-flow: row nowrap;
                justify-content: flex-start;
                font-size: 14px;
            }
            .footer ul .left .banquan li {
                margin-right: 30px;
            }
            .footer ul .right {
                margin: 15px auto;
                text-align: center;
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .phone_footer {
                display: none;
            }
            .footer ul .left .lianxi .add,
            .footer ul .left .lianxi .tel {
                padding-left: 36px;
            }
            .footer ul {
                width: 90%;
                margin: 0 auto;
                text-align: left;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
            }
            .footer ul .left {
                font-size: 16px;
            }
            .footer ul .left .banquan {
                display: flex;
                flex-flow: row nowrap;
                justify-content: flex-start;
            }
            .footer ul .left .banquan li {
                margin-right: 30px;
            }
        }
        /* =================== 按钮等其他样式 ===================== */
        
        .btn-default {
            color: #333;
            background-color: #fff;
            border: 1px solid #ccc;
            outline: 0px;
        }
        
        .btn {
            display: inline-block;
            padding: 10px 23px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border-radius: 8px 0 8px 0;
        }
        
        .btn-group,
        .btn-group-vertical {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        
        .btn-default {
            color: #333;
            background-color: #ccc;
            outline: 0px;
            margin-right: 1px;
        }
        
        .btn-default:focus,
        .btn-default.focus {
            color: #333;
            background-color: #e6e6e6;
            outline: 0px
        }
        
        .btn-default:hover {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
            outline: 0px
        }
        
        .btn-default:active,
        .btn-default.active {
            color: #fff;
            background-color: #2f394a;
            outline: 0px
        }
        
        .btn-default:active:hover,
        .btn-default.active:hover,
        .open>.dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open>.dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open>.dropdown-toggle.btn-default.focus {
            color: #fff;
            background-color: #d00000;
        }
        
        .btn-default:active,
        .btn-default.active,
        .open>.dropdown-toggle.btn-default {
            background-image: none;
        }
        
        .btn-default.disabled,
        .btn-default[disabled],
        fieldset[disabled] .btn-default,
        .btn-default.disabled:hover,
        .btn-default[disabled]:hover,
        fieldset[disabled] .btn-default:hover,
        .btn-default.disabled:focus,
        .btn-default[disabled]:focus,
        fieldset[disabled] .btn-default:focus,
        .btn-default.disabled.focus,
        .btn-default[disabled].focus,
        fieldset[disabled] .btn-default.focus,
        .btn-default.disabled:active,
        .btn-default[disabled]:active,
        fieldset[disabled] .btn-default:active,
        .btn-default.disabled.active,
        .btn-default[disabled].active,
        fieldset[disabled] .btn-default.active {
            background-color: #fff;
            border-color: #ccc;
        }
        
        .btn-default .badge {
            color: #fff;
            background-color: #333;
        }
        
        .espcms_info_pager {
            width: 90%;
            margin: 0 auto 30px;
        }
        
        .espcms_info_pager li {
            width: 46%;
            float: left;
            text-align: center;
            line-height: 50px;
            margin-right: 5%;
            border-radius: 30px 0 30px 0;
            color: #333
        }
        
        .espcms_info_pager li:nth-child(2n) {
            margin-right: 0px;
        }
        
        .espcms_info_pager li a {
            color: #333
        }
        
        .espcms_info_pager li a:hover {
            color: #C4005B
        }
        
        .main_about {
            width: 1280px;
            margin: 0 auto;
            background: #fafafa;
            color: #444;
            height: 50px;
            line-height: 50px;
            font-weight: bold;
            font-size: 15px;
            height: 520px;
        }
        
        .main_about h2 i {
            background: #C4005B;
            width: 2px;
            height: 30px;
            display: block;
            float: left;
            margin: 10px 10px 0px 0px;
        }
        /*按钮*/
        
        html .button {
            display: inline-block;
            zoom: 1;
            *display: inline;
            vertical-align: baseline;
            margin: 0 2px;
            outline: none;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            font-size: 14px;
            line-height: 100%;
            padding: .4em 1.5em .55em;
            border: none;
            border-radius: 2px;
            color: #fff;
            background: #40b694;
        }
        
        .button:hover {
            text-decoration: none;
            background: #9a9c9d;
        }
        
        .button:active {
            position: relative;
            top: 1px;
            color: #999;
        }
        /*圆角*/
        
        .button.bigrounded {
            -webkit-border-radius: 2em;
            -moz-border-radius: 2em;
            border-radius: 2em;
        }
        /*中号*/
        
        .button.medium {
            font-size: 12px;
            padding: .4em 1.5em .42em;
        }
        /*小号*/
        
        .button.small {
            font-size: 11px;
            padding: .2em 1em .275em;
        }
        /*翻页*/
        
        .espcms_page_botton {
            text-align: center;
            padding: 30px 0 50px 0;
        }
        /*按钮色彩样式*/
        /*==========首页手机端头部======*/
        
        @media only screen and (max-width:1200px) {
            .sp_header {
                overflow: hidden;
                position: fixed;
                z-index: 10;
                width: 100%;
                top: 0;
            }
            .sp_logo {
                width: 40%;
                float: left;
            }
            .sp_logo img {
                max-width: 100%;
            }
            .sp_nav {
                width: 50px;
                float: right;
                position: relative;
                cursor: pointer;
                height: 30px;
                margin-top: 15px;
            }
            .sp_nav span {
                display: block;
                background: #fa5610;
                width: 30px;
                height: 2px;
                position: absolute;
                transition: all ease 0.35s;
            }
            .sp_nav span:nth-of-type(1) {
                top: 0px
            }
            .sp_nav span:nth-of-type(2) {
                top: 10px
            }
            .sp_nav span:nth-of-type(3) {
                top: 20px
            }
            .sp_nav_se span:nth-of-type(1) {
                top: 10px;
                transform: rotate(45deg)
            }
            .sp_nav_se span:nth-of-type(2) {
                width: 0
            }
            .sp_nav_se span:nth-of-type(3) {
                top: 10px;
                transform: rotate(-45deg)
            }
            .sjj_nav {
                position: fixed;
                z-index: 9;
                background: #eee;
                width: 60%;
                height: calc(100% - 104px);
                font-size: 16px;
                line-height: 50px;
                top: -100%;
                right: 5%;
                overflow: auto;
                overflow-x: hidden;
                transition: top ease 0.35s;
                margin-top: 20px;
            }
            .nav_show {
                top: 50px
            }
            .sjj_nav>ul>li:first-child {
                overflow: hidden;
                border-top: 0
            }
            .sjj_nav>ul>li:first-child>a {
                float: left;
                width: calc(100% - 70px);
            }
            .sjj_nav ul li i {
                position: absolute;
                top: 5px;
                right: 0px;
                border-left: 1px #ddd solid;
                height: 30px;
                padding: 0px 7px 0 27px;
            }
            .sjj_nav ul li i svg {
                transform: rotate(-90deg);
                transition: all ease 0.35s
            }
            .sjj_nav ul li .sjj_nav_i_se svg {
                transform: rotate(0deg)
            }
            .sjj_nav ul li {
                border-top: 1px #ddd solid;
                margin-left: 20px;
                position: relative;
                line-height: 40px;
                font-size: 16px
            }
            .sjj_nav>ul>li:last-child {
                border-bottom: 1px #ddd solid;
            }
            .sjj_nav ul li ul {
                display: none
            }
            .sjj_nav ul li a {
                color: #666;
                width: 80%
            }
            .sjj_nav ul li ul li a {
                color: #999;
                display: block;
                text-align: left;
                font-size: 14px;
            }
            .sjj_nav ul li i svg {
                width: 20px;
                height: 20px;
                fill: #555;
            }
            .sjj_nav ul li .sjj_nav_i_se svg {
                fill: #c9141e
            }
            .sjj_nav ul li ul li>ul {
                margin-left: 10px
            }
        }
        
        @media only screen and (min-width:1201px) {
            .sp_header {
                display: none
            }
            .sp_logo {
                display: none
            }
            .sp_logo img {
                display: none
            }
            .sp_nav {
                display: none
            }
            .sp_nav span {
                display: none
            }
            .sp_nav span:nth-of-type(1) {
                display: none
            }
            .sp_nav span:nth-of-type(2) {
                display: none
            }
            .sp_nav span:nth-of-type(3) {
                display: none
            }
            .sp_nav_se span:nth-of-type(1) {
                display: none
            }
            .sp_nav_se span:nth-of-type(2) {
                display: none
            }
            .sp_nav_se span:nth-of-type(3) {
                display: none
            }
            .sjj_nav {
                display: none
            }
            .nav_show {
                display: none
            }
            .sjj_nav>ul>li:first-child {
                display: none
            }
            .sjj_nav>ul>li:first-child>a {
                display: none
            }
            .sjj_nav ul li i {
                display: none
            }
            .sjj_nav ul li i svg {
                display: none
            }
            .sjj_nav ul li .sjj_nav_i_se svg {
                display: none
            }
            .sjj_nav ul li {
                display: none
            }
            .sjj_nav>ul>li:last-child {
                display: none
            }
            .sjj_nav ul li ul {
                display: none
            }
            .sjj_nav ul li a {
                display: none
            }
            .sjj_nav ul li ul li a {
                display: none
            }
            .sjj_nav ul li i svg {
                display: none
            }
            .sjj_nav ul li .sjj_nav_i_se svg {
                display: none
            }
            .sjj_nav ul li ul li>ul {
                display: none
            }
        }
        /*==========首页产品分类======*/
        
        @media only screen and (max-width:750px) {
            .sy_cpfenlei {
                display: none;
            }
            .sy_cpfenlei {
                margin: 0px auto 20px;
            }
            .sy_cpfenlei li {
                width: 50%;
                height: 60px;
                float: left;
            }
            .sy_cpfenlei li a {
                font-size: 15px;
            }
        }
        
        @media only screen and (min-width:751px) {
            .sy_cpfenlei {
                width: 90%;
                overflow: hidden;
                justify-content: space-between;
                display: block;
            }
            .sy_cpfenlei {
                margin: 0px auto 20px;
            }
            .sy_cpfenlei li {
                width: 33%;
                height: 60px;
                float: left;
            }
            .sy_cpfenlei li a {
                font-size: 16px;
            }
        }
        
        @media only screen and (min-width: 1000px) {
            .sy_cpfenlei {
                margin: -30px auto 20px;
            }
            .sy_cpfenlei li {
                width: 33%;
                height: 60px;
                float: left;
            }
            .sy_cpfenlei li a {
                font-size: 15px;
            }
        }
        
        @media only screen and (min-width: 1200px) {
            .sy_cpfenlei {
                margin: -70px auto 0px;
                display: flex;
                justify-content: space-between;
            }
            .sy_cpfenlei li {
                width: auto
            }
            .sy_cpfenlei li a {
                font-size: 15px;
            }
        }
        
        @media only screen and (min-width: 1400px) {
            .sy_cpfenlei {
                margin: -70px auto 20px;
                display: flex;
                justify-content: space-between;
            }
            .sy_cpfenlei li {
                width: auto
            }
            .sy_cpfenlei li a {
                font-size: 15px;
            }
        }
        
        @media only screen and (min-width: 1600px) {
            .sy_cpfenlei {
                margin: -70px auto 20px;
                display: flex;
                justify-content: space-between;
            }
            .sy_cpfenlei li a {
                font-size: 16px;
            }
        }
        
        .sy_cpfenlei li a {
            height: 100%;
            color: #999999;
            text-align: center;
            display: block;
            transition: all ease 0.3s;
            overflow: hidden;
        }
        
        .sy_cpfenlei li a:after {
            content: "";
            width: 10px;
            height: 10px;
            background: #db511b;
            border-radius: 50%;
            display: block;
            margin: 10px auto;
            box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
            opacity: 0;
            transition: all ease 0.3s;
        }
        
        .sy_cpfenlei li:hover a {
            font-size: 18px;
            color: #db511b;
            font-weight: bold;
        }
        
        .sy_cpfenlei li:hover a:after,
        .sy_cpfenlei .active a:after {
            opacity: 1;
        }
        
        .sy_cpfenlei li:before {
            content: "";
            background: #db511b;
            display: block;
            position: absolute;
            left: 0;
            top: 38px;
            bottom: 38px;
        }